<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<link rel="stylesheet" href="02.css">
	</head>
	<body>
		<div>
			<form  class="cf" action="" method="get">
				<ul>
					<li>
						<h2>用户注册</h2>
					</li>
					<li class="usually">
						<span>昵称：</span>
						<input type="text" name="name" autocomplete="on" required pattern="^[a-zA-Z0-9{6-16}]">
					</li>
					<li class="usually">
						<span>注册邮箱</span>
						<input type="email" name="email" autocomplete="on" placeholder="xxxx@qq.com">
					</li>
					<li class="usually">
						<span>密码：</span>
						<input type="password" name="password" required>
					</li>
					<li>
						<span>性别</span>
						<input type="radio" name="sex" >
						<label for="male">男</label>
						<input type="radio" name="sex" >
						<label for="male">女</label>
					</li>
					<li class="usually">
						<span>年龄</span>
						<input type="number" name="age" required>
					</li>
					<li>
						<span>兴趣爱好</span>
						<input type="checkbox" id="music" name="hooby[]">
						<label for="music">音乐</label>
						<input type="checkbox" id="basketball" name="hooby[]">
						<label for="basketball">篮球</label>
						<input type="checkbox" id="dance" name="hooby[]">
						<label for="dance">跳舞</label>
						<input type="checkbox" id="sing" name="hooby[]">
						<label for="sing">唱歌</label>
					</li>
					<li>
						<span>自我介绍</span>
						<textarea name="introduce" id="" cols="30" rows="10"></textarea>
					</li>
					<li>
						<input type="submit" value="立即注册">
					</li>
				</ul>
			</form>
		</div>
	</body>
</html>